<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>
<%
String path = request.getContextPath();
String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="<%=basePath%>">
    <title>合川商会交流平台</title>
    <link rel="stylesheet" href="statics/css/bootstrap.css">
    <link rel="stylesheet" href="statics/css/local/style.css">
</head>
<body>
	<!-- 每个页面自行包含header.jsp和footer.jsp -->
    <jsp:include page="../common/header.jsp"></jsp:include>
    <!--头部结束-->

    <!--内容部分-->
    <section>
        <div id="ad">
            <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="statics/images/ad1.gif" alt="First slide">
                        <div class="carousel-caption">标题 1</div>
                    </div>
                    <div class="item">
                        <img src="statics/images/ad2.gif" alt="Second slide">
                        <div class="carousel-caption">标题 2</div>
                    </div>
                    <div class="item">
                        <img src="statics/images/ad3.gif" alt="Third slide">
                        <div class="carousel-caption">标题 3</div>
                    </div>
                </div>
                <!-- 轮播（Carousel）导航 -->
                <a class="carousel-control left" href="#myCarousel"
                   data-slide="prev">&lsaquo;
                </a>
                <a class="carousel-control right" href="#myCarousel"
                   data-slide="next">&rsaquo;
                </a>
            </div>
        </div><!--广告轮播图结束-->

        <!--内容上半部分开始-->
        <div id="news" class="row">
            <div class="news-left col-sm-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            商会动态
                        </h3>
                    </div>
                    <div class="panel-body">
                        <div id="newsCarousel" class="carousel slide">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#newsCarousel" data-slide-to="0" class="active">1</li>
                                <li data-target="#newsCarousel" data-slide-to="1">2</li>
                                <li data-target="#newsCarousel" data-slide-to="2">3</li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner">
                                <div class="item active">
                                    <img src="statics/images/dongtai.gif" alt="First slide">
                                    <div class="carousel-caption">标题 1</div>
                                </div>
                                <div class="item">
                                    <img src="statics/images/dongtai.gif" alt="Second slide">
                                    <div class="carousel-caption">标题 2</div>
                                </div>
                                <div class="item">
                                    <img src="statics/images/dongtai.gif" alt="Third slide">
                                    <div class="carousel-caption">标题 3</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            商会公告
                        </h3>
                    </div>
                    <div class="panel-body">
                     	<ul>
                        <c:forEach items="${noticelist}" var="notice" varStatus="no">
                        <c:choose>
                        	<c:when test="${no.index<=5}">
                        		<li><h5><a href="#">[通知] ${fn:substring(notice.title,0,8)}</a><small class="pull-right">${fn:substring(notice.createDate,0,10)}</small></h5></li>
                        	</c:when>
                        </c:choose>
                        </c:forEach>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="news-middle col-sm-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            商会新闻
                            <small class="pull-right" style="vertical-align: bottom; line-height: 25px;"><a
                                    href="#">更多>></a>
                            </small>
                        </h3>
                    </div>
                    <div class="panel-body">
                        <ul>
                        <c:forEach items="${newslist}" var="news" varStatus="n">
                        <c:if test="${n.index<=14}">
	                        <c:choose>
	                        <c:when test="${n.index==0}">
	                            <li class="first-news">
	                                <div>
	                                    <a href="#"><h4 style="color: orangered;">${news.title}</h4></a>
	                                    <h4 class="text-center"><small>日期:${news.createDate}</small></h4>
	                                    <p>
	                                    	${fn:substring(news.content,0,100)}
	                                    </p>
	                                </div>
	                            </li>
		                     </c:when>
		                     <c:otherwise>
		                        	<li><h5><a href="#">${fn:substring(news.title,0,25)}...</a><small class="pull-right">${fn:substring(news.createDate,0,10)}</small></h5></li>
		                     </c:otherwise>
		                     </c:choose>
		                     </c:if>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="news-right col-sm-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            商会活动
                        </h3>
                    </div>
                    <div class="panel-body">
                        <div id="eventCarousel" class="carousel slide">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#eventCarousel" data-slide-to="0" class="active">1</li>
                                <li data-target="#eventCarousel" data-slide-to="1">2</li>
                                <li data-target="#eventCarousel" data-slide-to="2">3</li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner">
                                <div class="item active">
                                    <img src="statics/images/event.gif" alt="First slide">
                                    <div class="carousel-caption">标题 1</div>
                                </div>
                                <div class="item">
                                    <img src="statics/images/event.gif" alt="Second slide">
                                    <div class="carousel-caption">标题 2</div>
                                </div>
                                <div class="item">
                                    <img src="statics/images/event.gif" alt="Third slide">
                                    <div class="carousel-caption">标题 3</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="info-express panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            信息快递
                        </h3>
                    </div>
                    <div class="panel-body">
                        <ul>
                        <c:forEach items="${tradelist}" var="trade" varStatus="t">
                        	<li><h5><a href="">${fn:substring(trade.title,0,16)}</a></h5></li>
                        </c:forEach>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!--内容下半部分开始-->
        <div id="member-info" class="row">
            <div class="col-sm-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            商会会刊
                        </h3>
                    </div>
                    <div class="panel-body">
                        <div class="show"><img src="statics/images/paper.gif" height="240" width="510"/></div>
                        <div class="show-small">
                            <div id="paperCarousel" class="">
                                <div class="paper">
                                    <div class="paper-item active" img="statics/images/paper.gif">
                                        <img src="statics/images/paper.gif" width="80" height="80" alt="First slide">
                                        <div class="triangle-css3 transform"></div>
                                    </div>
                                    <div class="paper-item" img="statics/images/paper.gif">
                                        <img src="statics/images/paper.gif" width="80" height="80" alt="First slide">
                                        <div class="transform"></div>
                                    </div>
                                    <div class="paper-item" img="statics/images/paper3.gif">
                                        <img src="statics/images/paper.gif" width="80" height="80" alt="First slide">
                                        <div class="transform"></div>
                                    </div>
                                    <div class="paper-item" img="statics/images/paper.gif">
                                        <img src="statics/images/paper.gif" width="80" height="80" alt="First slide">
                                        <div class="transform"></div>
                                    </div>
                                    <div class="paper-item" img="statics/images/paper.gif">
                                        <img src="statics/images/paper.gif" width="80" height="80" alt="First slide">
                                        <div class="transform"></div>
                                    </div>
                                    <div class="paper-item" img="statics/images/paper.gif">
                                        <img src="statics/images/paper.gif" width="80" height="80" alt="First slide">
                                        <div class="transform"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!--商会会刊结束-->
            <div class="col-sm-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            渝商风采
                        </h3>
                    </div>
                    <div class="panel-body myScroll">
                        <div class="scrolldiv">
                        <div class="person">
                        <dl class="pull-left">
                            <dt><img src="statics/images/ysfc2.gif" height="147" width="105"/></dt>
                        </dl>
                        <dl class="pull-left">
                            <dd>&nbsp;</dd>
                            <dt><a href="#">陈建铭</a></dt>
                            <dd>上海三盛宏业集团有限公司</dd>
                            <dd>董事长</dd>
                        </dl>
                        </div>
                        <div class="person">
                            <dl class="pull-left">
                                <dt><img src="statics/images/ysfc.gif" height="147" width="105"/></dt>
                            </dl>
                            <dl class="pull-left">
                                <dd>&nbsp;</dd>
                                <dt><a href="#">陈建铭</a></dt>
                                <dd>上海三盛宏业集团有限公司</dd>
                                <dd>董事长</dd>
                            </dl>
                        </div>
                        <div class="person">
                            <dl class="pull-left">
                                <dt><img src="statics/images/ysfc.gif" height="147" width="105"/></dt>
                            </dl>
                            <dl class="pull-left">
                                <dd>&nbsp;</dd>
                                <dt><a href="#">陈建铭</a></dt>
                                <dd>上海三盛宏业集团有限公司</dd>
                                <dd>董事长</dd>
                            </dl>
                        </div>
                        <div class="person">
                            <dl class="pull-left">
                                <dt><img src="statics/images/ysfc.gif" height="147" width="105"/></dt>
                            </dl>
                            <dl class="pull-left">
                                <dd>&nbsp;</dd>
                                <dt><a href="#">陈建铭</a></dt>
                                <dd>上海三盛宏业集团有限公司</dd>
                                <dd>董事长</dd>
                            </dl>
                        </div>
                            <div class="person">
                                <dl class="pull-left">
                                    <dt><img src="statics/images/ysfc.gif" height="147" width="105"/></dt>
                                </dl>
                                <dl class="pull-left">
                                    <dd>&nbsp;</dd>
                                    <dt><a href="#">陈建铭</a></dt>
                                    <dd>上海三盛宏业集团有限公司</dd>
                                    <dd>董事长</dd>
                                </dl>
                            </div>
                            <div class="person">
                                <dl class="pull-left">
                                    <dt><img src="statics/images/ysfc.gif" height="147" width="105"/></dt>
                                </dl>
                                <dl class="pull-left">
                                    <dd>&nbsp;</dd>
                                    <dt><a href="#">陈建铭</a></dt>
                                    <dd>上海三盛宏业集团有限公司</dd>
                                    <dd>董事长</dd>
                                </dl>
                            </div>
                    </div>
                    </div>
                </div>
            </div><!--渝商风采结束-->
        </div>
        <div id="b-ad"><img src="statics/images/b_ad.gif" height="174" width="100%"/></div>
    </section>
    <!--内容部分结束-->
    
	<!-- 每个页面自行包含header.jsp和footer.jsp -->
    <jsp:include page="../common/footer.jsp"></jsp:include>
    <!--底部结束-->

<!--jquery import-->
<script src="statics/js/jquery-3.2.1.js"></script>
<!--bootstrap import-->
<script src="statics/js/bootstrap.js"></script>
<!--滚动信息 scroll import-->
<script src="statics/js/local/scroll.js"></script>
<script type="text/javascript">

</script>
</body>
</html>